import QtQuick 2.5
import QtQuick.Window 2.2
import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.2
//import People 1.0
import displaynum 1.0
Rectangle {
    id:root
    width: 1280
    height: 800
   color:"cadetblue";

DisplayNum{id:dismain}
//property Person personid;

QtObject{
        id: attrs;
        property int  counternum;
        Component.onCompleted: {
            attrs.counternum = 1;
        }
    }
   Timer{
       id:timeid
       interval: 1000;
       running: true;
       repeat: true;
       onTriggered: {
        dismain.getnum(attrs.counternum);
        attrs.counternum+=1;
           if(attrs.counternum>10)
               attrs.counternum=1;
       }

   }



//Header{}
    Rectangle{
        id:guolu;
        x:l0;y:50;
        width: 200; height: 40;
        color:"cadetblue";
        border.width: 2;
        border.color: "black"
        Text {
            text: "  1#锅炉"
         //  y: parent.horizontalCenter
          // anchors.horizontalCenter : guolu.horizontalCenter
            anchors.verticalCenter : guolu.verticalCenter
            color: "yellow"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }

    }

Text{
    id:z
    text:"系统状态";
    x:600 ;y:guolu.y;

    color: "yellow";
    font.family: "Ubuntu";
    font.pixelSize: 20;

}

Rectangle{
    id:zj
x:350+40;
y:z.y+25;
width: 130; height: 20;
color:"#CCEEFF";

}

Rectangle{
x:zj.x+130+60
y:z.y+25;
width: 130; height: 20;
color:"#CCEEFF";

}
Rectangle{
x:zj.x+170*2+30;
y:z.y+25;
width: 130; height: 20;
color:"#CCEEFF";

}

Rectangle{
    id:leftwindow;
    y:guolu.y+100;
    width: parent.width/2;
    height: parent.height/2;
  //  color: "cadetblue"
    color: root.color;
    border.color: "yellow";
    border.width: 2;

    Rectangle{
        id:leftwindowf;
        x:25;
        y:40;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;
        Text {
            text: "SO2"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}

    Rectangle{
        id:leftwindowf1;
        x:190;
        y:leftwindowf.y;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;

        Text {
            text: dismain.so2;
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}
    Text {
        id: leftf
        x:351;
        y:leftwindowf.y;
        text: "mg/Nm3"
         color: "white"
         font.pixelSize: 15
    }



    Rectangle{
        id:leftwindowf2;
        x:420;
        y:leftwindowf.y;
        width: 200;
        height: 10;
        color: root.color;
        border.color: "black";
        border.width: 1;
        //per.set:

        ProgressBar{
           // id: percentProcess;
            minimumValue: 0;
            maximumValue: 100;
            value: dismain.so2;
            width: 200;
            height: 10;

            style: ProgressBarStyle{
                id: progressStyle1;
                background: Rectangle{
                    border.width: 1;
                    border.color: control.hovered?"green":"black";
                    color:"cadetblue";
                    Text {
                        anchors.right: parent.right;
                        anchors.rightMargin: 5;
                        anchors.verticalCenter: parent.verticalCenter;
                        text: Math.round(currentProgress*100) + "%";
                        color: "red"
                    }
                }


                progress: Rectangle{
                    color:"#807e20"

                }


                panel: Item{

                    //通过panel属性，可以加载  progress Text background等组件

                    //设置外边框
                    implicitWidth: 200;
                    implicitHeight: 10;

                    Loader{
                        anchors.fill:  parent;
                        sourceComponent: background;
                    }


                    Loader{
                        id: progressLoader;
                        anchors.top: parent.top;
                        anchors.left: parent.left;
                        anchors.bottom:  parent.bottom;
                        anchors.margins: 3;
                        z: 1;
                        width: currentProgress * (parent.width - 6);
                        sourceComponent: progressStyle1.progress;

                    }




                }
            }

        }



}
    Text {
        id: leftf1
        x:420;
        y:leftwindowf.y+12;
        text: "0"
         color: "white"
         font.pixelSize: 10
    }
    Text {
        id: leftf2
        x:615;
        y:leftwindowf.y+12;
        text: "100"
         color: "white"
         font.pixelSize: 10
    }
    Rectangle{
        id:leftwindows;
        x:25;
        y:leftwindowf.y+60;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;
        Text {
            text: "SO2折算"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}

    Rectangle{
        id:leftwindows1;
        x:190;
        y:leftwindows.y;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;

        Text {
            text: "23"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}
    Text {
        id: lefts
        x:351;
        y:leftwindows.y;
        text: "mg/Nm3"
         color: "white"
         font.pixelSize: 15
    }



    Rectangle{
        id:leftwindows2;
        x:420;
        y:leftwindows.y;
        width: 200;
        height: 10;
        color: root.color;
        border.color: "black";
        border.width: 1;

        ProgressBar{
            id: percentProcess2;
            minimumValue: 0;
            maximumValue: 20;
            value: 2;
            width: 200;
            height: 10;

            style: ProgressBarStyle{
                id: progressStyle2;
                background: Rectangle{
                    border.width: 1;
                    border.color: control.hovered?"green":"black";
                    color:"cadetblue";
                    Text {
                        anchors.right: parent.right;
                        anchors.rightMargin: 5;
                        anchors.verticalCenter: parent.verticalCenter;
                        text: Math.round(currentProgress*100) + "%";
                        color: "red"
                    }
                }


                progress: Rectangle{
                    color:"#206080"

                }


                panel: Item{

                    //通过panel属性，可以加载  progress Text background等组件

                    //设置外边框
                    implicitWidth: 200;
                    implicitHeight: 10;

                    Loader{
                        anchors.fill:  parent;
                        sourceComponent: background;
                    }


                    Loader{
                        id: progressLoader2;
                        anchors.top: parent.top;
                        anchors.left: parent.left;
                        anchors.bottom:  parent.bottom;
                        anchors.margins: 3;
                        z: 1;
                        width: currentProgress * (parent.width - 6);
                        sourceComponent: progressStyle2.progress;

                    }




                }
            }

        }






}
    Text {
        id: lefts1
        x:418;
        y:leftwindows.y+12;
        text: "0"
         color: "white"
         font.pixelSize: 10
    }
    Text {
        id: leftfs2
        x:615;
        y:leftwindows.y+12;
        text: "100"
         color: "white"
         font.pixelSize: 10
    }
    Rectangle{
        id:leftwindowt;
        x:25;
        y:leftwindowf.y+60*2;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;
        Text {
            text: "SO2排放率"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}

    Rectangle{
        id:leftwindowt1;
        x:190;
        y:leftwindowt.y;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;

        Text {
            text: "23"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}
    Text {
        id: leftt
        x:351;
        y:leftwindowt.y;
        text: "Kg/h"
         color: "white"
         font.pixelSize: 15
    }



    Rectangle{
        id:leftwindowt2;
        x:420;
        y:leftwindowt.y;
        width: 200;
        height: 10;
        color: root.color;
        border.color: "black";
        border.width: 1;

        ProgressBar{
           // id: percentProcess;
            minimumValue: 0;
            maximumValue: 1;
            value: 0.24;
            width: 200;
            height: 10;

            style: ProgressBarStyle{
                id: progressStyle;
                background: Rectangle{
                    border.width: 1;
                    border.color: control.hovered?"green":"black";
                    color:"cadetblue";
                    Text {
                        anchors.right: parent.right;
                        anchors.rightMargin: 5;
                        anchors.verticalCenter: parent.verticalCenter;
                        text: Math.round(currentProgress*100) + "%";
                        color: "red"
                    }
                }


                progress: Rectangle{
                    color:"#208020";

                }


                panel: Item{

                    //通过panel属性，可以加载  progress Text background等组件

                    //设置外边框
                    implicitWidth: 200;
                    implicitHeight: 10;

                    Loader{
                        anchors.fill:  parent;
                        sourceComponent: background;
                    }


                    Loader{
                        id: progressLoader3;
                        anchors.top: parent.top;
                        anchors.left: parent.left;
                        anchors.bottom:  parent.bottom;
                        anchors.margins: 3;
                        z: 1;
                        width: currentProgress * (parent.width - 6);
                        sourceComponent: progressStyle.progress;

                    }




                }
            }

        }



}
    Text {
        id: leftt1
        x:418;
        y:leftwindowt.y+12;
        text: "0"
         color: "white"
         font.pixelSize: 10
    }
    Text {
        id: leftft2
        x:615;
        y:leftwindowt.y+12;
        text: "100"
         color: "white"
         font.pixelSize: 10
    }

    Rectangle{
        id:leftwindowfo;
        x:25;
        y:leftwindowf.y+60*3;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;
        Text {
            text: "Nox(NO2)"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}

    Rectangle{
        id:leftwindowfo1;
        x:190;
        y:leftwindowfo.y;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;

        Text {
            text: dismain.no
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}
    Text {
        id: leftfo
        x:351;
        y:leftwindowfo.y;
        text: "mg/Nm3"
         color: "white"
         font.pixelSize: 15
    }



    Rectangle{
        id:leftwindowfo2;
        x:420;
        y:leftwindowfo.y;
        width: 200;
        height: 10;
        color: root.color;
        border.color: "black";
        border.width: 1;

        ProgressBar{
            id: percentProcess4;
            minimumValue: 0;
            maximumValue: 100;
            value: dismain.no;
            width: 200;
            height: 10;

            style: ProgressBarStyle{
                id: progressStyle4;
                background: Rectangle{
                    border.width: 1;
                    border.color: control.hovered?"green":"gray";
                    color:"cadetblue";
                    Text {
                        anchors.right: parent.right;
                        anchors.rightMargin: 5;
                        anchors.verticalCenter: parent.verticalCenter;
                        text: Math.round(currentProgress*100) + "%";
                        color: "red"
                    }
                }


                progress: Rectangle{
                    color:"#802035"

                }


                panel: Item{

                    //通过panel属性，可以加载  progress Text background等组件

                    //设置外边框
                    implicitWidth: 200;
                    implicitHeight: 10;

                    Loader{
                        anchors.fill:  parent;
                        sourceComponent: background;
                    }


                    Loader{
                        id: progressLoader4;
                        anchors.top: parent.top;
                        anchors.left: parent.left;
                        anchors.bottom:  parent.bottom;
                        anchors.margins: 3;
                        z: 1;
                        width: currentProgress * (parent.width - 6);
                        sourceComponent: progressStyle4.progress;

                    }




                }
            }

        }


}
    Text {
        id: leftfo1
        x:418;
        y:leftwindowfo.y+12;
        text: "0"
         color: "white"
         font.pixelSize: 10
    }
    Text {
        id: leftffo2
        x:615;
        y:leftwindowfo.y+12;
        text: "100"
         color: "white"
         font.pixelSize: 10
    }

    Rectangle{
        id:leftwindowfi;
        x:25;
        y:leftwindowf.y+60*4;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;
        Text {
            text: "NOx折算"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}

    Rectangle{
        id:leftwindowfi1;
        x:190;
        y:leftwindowfi.y;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;

        Text {
            text: "23"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}
    Text {
        id: leftfi
        x:351;
        y:leftwindowfi.y;
        text: "mg/Nm3"
         color: "white"
         font.pixelSize: 15
    }



    Rectangle{
        id:leftwindowfi2;
        x:420;
        y:leftwindowfi.y;
        width: 200;
        height: 10;
        color: root.color;
        border.color: "black";
        border.width: 1;

        ProgressBar{
            id: percentProcess5;
            minimumValue: 0;
            maximumValue: 1;
            value: 0.13;
            width: 200;
            height: 10;

            style: ProgressBarStyle{
                id: progressStyle5;
                background: Rectangle{
                    border.width: 1;
                    border.color: control.hovered?"green":"gray";
                    color:"cadetblue";
                    Text {
                        anchors.right: parent.right;
                        anchors.rightMargin: 5;
                        anchors.verticalCenter: parent.verticalCenter;
                        text: Math.round(currentProgress*100) + "%";
                        color: "red"
                    }
                }


                progress: Rectangle{
                    color:"#806428"

                }


                panel: Item{

                    //通过panel属性，可以加载  progress Text background等组件

                    //设置外边框
                    implicitWidth: 200;
                    implicitHeight: 10;

                    Loader{
                        anchors.fill:  parent;
                        sourceComponent: background;
                    }


                    Loader{
                        id: progressLoader5;
                        anchors.top: parent.top;
                        anchors.left: parent.left;
                        anchors.bottom:  parent.bottom;
                        anchors.margins: 3;
                        z: 1;
                        width: currentProgress * (parent.width - 6);
                        sourceComponent: progressStyle5.progress;

                    }




                }
            }

        }



}
    Text {
        id: leftfi1
        x:418;
        y:leftwindowfi.y+12;
        text: "0"
         color: "white"
         font.pixelSize: 10
    }
    Text {
        id: leftffi2
        x:615;
        y:leftwindowfi.y+12;
        text: "100"
         color: "white"
         font.pixelSize: 10
    }

    Rectangle{
        id:leftwindowsi;
        x:25;
        y:leftwindowf.y+60*5;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;
        Text {
            text: "Nox排放率"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}

    Rectangle{
        id:leftwindowsi1;
        x:190;
        y:leftwindowsi.y;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;

        Text {
            text: "23"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}
    Text {
        id: leftsi
        x:351;
        y:leftwindowsi.y;
        text: "Kg/h"
         color: "white"
         font.pixelSize: 15
    }



    Rectangle{
        id:leftwindowsi2;
        x:420;
        y:leftwindowsi.y;
        width: 200;
        height: 10;
        color: root.color;
        border.color: "black";
        border.width: 1;

        ProgressBar{
            id: percentProcess6;
            minimumValue: 0;
            maximumValue: 1;
            value: 0.33;
            width: 200;
            height: 10;

            style: ProgressBarStyle{
                id: progressStyle6;
                background: Rectangle{
                    border.width: 1;
                    border.color: control.hovered?"green":"black";
                    color:"cadetblue";
                    Text {
                        anchors.right: parent.right;
                        anchors.rightMargin: 5;
                        anchors.verticalCenter: parent.verticalCenter;
                        text: Math.round(currentProgress*100) + "%";
                        color: "red"
                    }
                }


                progress: Rectangle{
                    color:"#80207d"

                }


                panel: Item{

                    //通过panel属性，可以加载  progress Text background等组件

                    //设置外边框
                    implicitWidth: 200;
                    implicitHeight: 10;

                    Loader{
                        anchors.fill:  parent;
                        sourceComponent: background;
                    }


                    Loader{
                        id: progressLoader6;
                        anchors.top: parent.top;
                        anchors.left: parent.left;
                        anchors.bottom:  parent.bottom;
                        anchors.margins: 3;
                        z: 1;
                        width: currentProgress * (parent.width - 6);
                        sourceComponent: progressStyle6.progress;

                    }




                }
            }

        }



}
    Text {
        id: leftsi1
        x:418;
        y:leftwindowsi.y+12;
        text: "0"
         color: "white"
         font.pixelSize: 10
    }
    Text {
        id: leftfsi2
        x:615;
        y:leftwindowsi.y+12;
        text: "100"
         color: "white"
         font.pixelSize: 10
    }
}

Rectangle{
    id:rightwindow;
    anchors.left: leftwindow.right
    y:guolu.y+100;
    width: parent.width/2;
    height: parent.height/2;
  //  color: "cadetblue"
    color: root.color;
    border.color: "yellow";
    border.width: 2;





    Rectangle{
        id:rightwindowf;
        x:25;
        y:40;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;
        Text {
            text: "颗粒物"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}

    Rectangle{
        id:rightwindowf1;
        x:190;
        y:rightwindowf.y;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;

        Text {
            text: "23"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}
    Text {
        id: rightf
        x:351;
        y:rightwindowf.y;
        text: "mg/Nm3"
         color: "white"
         font.pixelSize: 15
    }



    Rectangle{
        id:rightwindowf2;
        x:420;
        y:rightwindowf.y;
        width: 200;
        height: 10;
        color: root.color;
        border.color: "black";
        border.width: 1;

        ProgressBar{
            id: percentProcessr1;
            minimumValue: 0;
            maximumValue: 1;
            value: 0.33;
            width: 200;
            height: 10;

            style: ProgressBarStyle{
                id: progressStyler1;
                background: Rectangle{
                    border.width: 1;
                    border.color: control.hovered?"green":"gray";
                    color:"cadetblue";
                    Text {
                        anchors.right: parent.right;
                        anchors.rightMargin: 5;
                        anchors.verticalCenter: parent.verticalCenter;
                        text: Math.round(currentProgress*100) + "%";
                        color: "red"
                    }
                }


                progress: Rectangle{
                    color:"#208020";

                }


                panel: Item{

                    //通过panel属性，可以加载  progress Text background等组件

                    //设置外边框
                    implicitWidth: 200;
                    implicitHeight: 10;

                    Loader{
                        anchors.fill:  parent;
                        sourceComponent: background;
                    }


                    Loader{
                        id: progressLoaderr1;
                        anchors.top: parent.top;
                        anchors.left: parent.left;
                        anchors.bottom:  parent.bottom;
                        anchors.margins: 3;
                        z: 1;
                        width: currentProgress * (parent.width - 6);
                        sourceComponent: progressStyler1.progress;

                    }




                }
            }

        }


}
    Text {
        id: rightf1
        x:420;
        y:rightwindowf.y+12;
        text: "0"
         color: "white"
         font.pixelSize: 10
    }
    Text {
        id: rightf2
        x:615;
        y:rightwindowf.y+12;
        text: "100"
         color: "white"
         font.pixelSize: 10
    }
    Rectangle{
        id:rightwindows;
        x:25;
        y:rightwindowf.y+60;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;
        Text {
            text: "颗粒物折算"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}

    Rectangle{
        id:rightwindows1;
        x:190;
        y:rightwindows.y;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;

        Text {
            text: "23"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}
    Text {
        id: rights
        x:351;
        y:rightwindows.y;
        text: "mg/Nm3"
         color: "white"
         font.pixelSize: 15
    }



    Rectangle{
        id:rightwindows2;
        x:420;
        y:rightwindows.y;
        width: 200;
        height: 10;
        color: root.color;
        border.color: "black";
        border.width: 1;
}
    Text {
        id: rights1
        x:418;
        y:rightwindows.y+12;
        text: "0"
         color: "white"
         font.pixelSize: 10
    }
    Text {
        id: rightfs2
        x:615;
        y:rightwindows.y+12;
        text: "100"
         color: "white"
         font.pixelSize: 10
    }
    Rectangle{
        id:rightwindowt;
        x:25;
        y:rightwindowf.y+60*2;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;
        Text {
            text: "颗粒物排放率"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}

    Rectangle{
        id:rightwindowt1;
        x:190;
        y:rightwindowt.y;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;

        Text {
            text: "23"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}
    Text {
        id: rightt
        x:351;
        y:rightwindowt.y;
        text: "Kg/h"
         color: "white"
         font.pixelSize: 15
    }



    Rectangle{
        id:rightwindowt2;
        x:420;
        y:rightwindowt.y;
        width: 200;
        height: 10;
        color: root.color;
        border.color: "black";
        border.width: 1;
}
    Text {
        id: rightt1
        x:418;
        y:rightwindowt.y+12;
        text: "0"
         color: "white"
         font.pixelSize: 10
    }
    Text {
        id: rightft2
        x:615;
        y:rightwindowt.y+12;
        text: "100"
         color: "white"
         font.pixelSize: 10
    }

    Rectangle{
        id:rightwindowfo;
        x:25;
        y:rightwindowf.y+60*3;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;
        Text {
            text: "CO"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}

    Rectangle{
        id:rightwindowfo1;
        x:190;
        y:rightwindowfo.y;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;

        Text {
            text: dismain.co
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}
    Text {
        id: rightfo
        x:351;
        y:rightwindowfo.y;
        text: "mg/Nm3"
         color: "white"
         font.pixelSize: 15
    }



    Rectangle{
        id:rightwindowfo2;
        x:420;
        y:rightwindowfo.y;
        width: 200;
        height: 10;
        color: root.color;
        border.color: "black";
        border.width: 1;
        ProgressBar{
            id: percentProcessr4;
            minimumValue: 0;
            maximumValue: 100;
            value: dismain.co;
            width: 200;
            height: 10;

            style: ProgressBarStyle{
                id: progressStyler4;
                background: Rectangle{
                    border.width: 1;
                    border.color: control.hovered?"green":"gray";
                    color:"cadetblue";
                    Text {
                        anchors.right: parent.right;
                        anchors.rightMargin: 5;
                        anchors.verticalCenter: parent.verticalCenter;
                        text: Math.round(currentProgress*100) + "%";
                        color: "red"
                    }
                }


                progress: Rectangle{
                    color:"#208020";

                }


                panel: Item{

                    //通过panel属性，可以加载  progress Text background等组件

                    //设置外边框
                    implicitWidth: 200;
                    implicitHeight: 10;

                    Loader{
                        anchors.fill:  parent;
                        sourceComponent: background;
                    }


                    Loader{
                        id: progressLoaderr4;
                        anchors.top: parent.top;
                        anchors.left: parent.left;
                        anchors.bottom:  parent.bottom;
                        anchors.margins: 3;
                        z: 1;
                        width: currentProgress * (parent.width - 6);
                        sourceComponent: progressStyler4.progress;

                    }




                }
            }

        }
}
    Text {
        id: rightfo1
        x:418;
        y:rightwindowfo.y+12;
        text: "0"
         color: "white"
         font.pixelSize: 10
    }
    Text {
        id: rightffo2
        x:615;
        y:rightwindowfo.y+12;
        text: "100"
         color: "white"
         font.pixelSize: 10
    }

    Rectangle{
        id:rightwindowfi;
        x:25;
        y:rightwindowf.y+60*4;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;
        Text {
            text: "CO折算"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}

    Rectangle{
        id:rightwindowfi1;
        x:190;
        y:rightwindowfi.y;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;

        Text {
            text: "23"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}
    Text {
        id: rightfi
        x:351;
        y:rightwindowfi.y;
        text: "mg/Nm3"
         color: "white"
         font.pixelSize: 15
    }



    Rectangle{
        id:rightwindowfi2;
        x:420;
        y:rightwindowfi.y;
        width: 200;
        height: 10;
        color: root.color;
        border.color: "black";
        border.width: 1;
}
    Text {
        id: rightfi1
        x:418;
        y:rightwindowfi.y+12;
        text: "0"
         color: "white"
         font.pixelSize: 10
    }
    Text {
        id: rightffi2
        x:615;
        y:rightwindowfi.y+12;
        text: "5000"
         color: "white"
         font.pixelSize: 10
    }

    Rectangle{
        id:rightwindowsi;
        x:25;
        y:rightwindowf.y+60*5;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;
        Text {
            text: "CO排放率"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}

    Rectangle{
        id:rightwindowsi1;
        x:190;
        y:rightwindowsi.y;
        width: 150;
        height: 20;

        color: root.color;
        border.color: "black";
        border.width: 1;

        Text {
            text: "23"
            anchors.centerIn: parent;
            color: "white"
            font.family: "Ubuntu"
            font.pixelSize: 20
        }
}
    Text {
        id: rightsi
        x:351;
        y:rightwindowsi.y;
        text: "kg/h"
         color: "white"
         font.pixelSize: 15
    }



    Rectangle{
        id:rightwindowsi2;
        x:420;
        y:rightwindowsi.y;
        width: 200;
        height: 10;
        color: root.color;
        border.color: "black";
        border.width: 1;
}
    Text {
        id: rightsi1
        x:418;
        y:rightwindowsi.y+12;
        text: "0"
         color: "white"
         font.pixelSize: 10
    }
    Text {
        id: rightfsi2
        x:615;
        y:rightwindowsi.y+12;
        text: "100"
        color: "white"
        font.pixelSize: 10
    }

}







Rectangle{
    id:leftwindowd;
    y:leftwindow.y+leftwindow.height;

    width: leftwindow.width;
    height: parent.width-leftwindow.height-leftwindow.y;
  //  color: "cadetblue"
    color: root.color;
    border.color: "yellow";
    border.width: 2;
    Rectangle{
           id:leftwindowdf;
           x:25;
           y:40;
           width: 150;
           height: 20;

           color: root.color;
           border.color: "black";
           border.width: 1;
           Text {
               text: "O2"
               anchors.centerIn: parent;
               color: "white"
               font.family: "Ubuntu"
               font.pixelSize: 20
           }
   }

       Rectangle{
           id:leftwindowdf1;
           x:190;
           y:leftwindowdf.y;
           width: 150;
           height: 20;

           color: root.color;
           border.color: "black";
           border.width: 1;

           Text {
               text: dismain.o2
               anchors.centerIn: parent;
               color: "white"
               font.family: "Ubuntu"
               font.pixelSize: 20
           }
   }
       Text {
           id: leftdf
           x:351;
           y:leftwindowdf.y;
           text: "%"
            color: "white"
            font.pixelSize: 15
       }



       Rectangle{
           id:leftwindowdf2;
           x:420;
           y:leftwindowdf.y;
           width: 200;
           height: 10;
           color: root.color;
           border.color: "black";
           border.width: 1;

           ProgressBar{
               id: percentProcessld1;
               minimumValue: 0;
               maximumValue: 100;
               value: dismain.o2;
               width: 200;
               height: 10;

               style: ProgressBarStyle{
                   id: progressStyleld1;
                   background: Rectangle{
                       border.width: 1;
                       border.color: control.hovered?"green":"gray";
                       color:"cadetblue";
                       Text {
                           anchors.right: parent.right;
                           anchors.rightMargin: 5;
                           anchors.verticalCenter: parent.verticalCenter;
                           text: Math.round(currentProgress*100) + "%";
                           color: "red"
                       }
                   }


                   progress: Rectangle{
                       color:"#208020";

                   }


                   panel: Item{

                       //通过panel属性，可以加载  progress Text background等组件

                       //设置外边框
                       implicitWidth: 200;
                       implicitHeight: 10;

                       Loader{
                           anchors.fill:  parent;
                           sourceComponent: background;
                       }


                       Loader{
                           id: progressLoaderld1;
                           anchors.top: parent.top;
                           anchors.left: parent.left;
                           anchors.bottom:  parent.bottom;
                           anchors.margins: 3;
                           z: 1;
                           width: currentProgress * (parent.width - 6);
                           sourceComponent: progressStyleld1.progress;

                       }




                   }
               }

           }


   }
       Text {
           id: leftdf1
           x:420;
           y:leftwindowdf.y+12;
           text: "0"
            color: "white"
            font.pixelSize: 10
       }
       Text {
           id: leftdf2
           x:615;
           y:leftwindowdf.y+12;
           text: "100"
            color: "white"
            font.pixelSize: 10
       }
       Rectangle{
           id:leftwindowds;
           x:25;
           y:leftwindowdf.y+60;
           width: 150;
           height: 20;

           color: root.color;
           border.color: "black";
           border.width: 1;
           Text {
               text: "烟气温度"
               anchors.centerIn: parent;
               color: "white"
               font.family: "Ubuntu"
               font.pixelSize: 20
           }
   }

       Rectangle{
           id:leftwindowds1;
           x:190;
           y:leftwindowds.y;
           width: 150;
           height: 20;

           color: root.color;
           border.color: "black";
           border.width: 1;

           Text {
               text: "23"
               anchors.centerIn: parent;
               color: "white"
               font.family: "Ubuntu"
               font.pixelSize: 20
           }
   }
       Text {
           id: leftds
           x:351;
           y:leftwindowds.y;
           text: "。C"
            color: "white"
            font.pixelSize: 15
       }



       Rectangle{
           id:leftwindowds2;
           x:420;
           y:leftwindowds.y;
           width: 200;
           height: 10;
           color: root.color;
           border.color: "black";
           border.width: 1;
   }
       Text {
           id: leftds1
           x:418;
           y:leftwindowds.y+12;
           text: "0"
            color: "white"
            font.pixelSize: 10
       }
       Text {
           id: leftdfs2
           x:615;
           y:leftwindowds.y+12;
           text: "5000"
            color: "white"
            font.pixelSize: 10
       }
       Rectangle{
           id:leftwindowdt;
           x:25;
           y:leftwindowdf.y+60*2;
           width: 150;
           height: 20;

           color: root.color;
           border.color: "black";
           border.width: 1;
           Text {
               text: "烟气压力"
               anchors.centerIn: parent;
               color: "white"
               font.family: "Ubuntu"
               font.pixelSize: 20
           }
   }

       Rectangle{
           id:leftwindowdt1;
           x:190;
           y:leftwindowdt.y;
           width: 150;
           height: 20;

           color: root.color;
           border.color: "black";
           border.width: 1;

           Text {
               text: "23"
               anchors.centerIn: parent;
               color: "white"
               font.family: "Ubuntu"
               font.pixelSize: 20
           }
   }
       Text {
           id: leftdt
           x:351;
           y:leftwindowdt.y;
           text: "Ps"
            color: "white"
            font.pixelSize: 15
       }



       Rectangle{
           id:leftwindowdt2;
           x:420;
           y:leftwindowdt.y;
           width: 200;
           height: 10;
           color: root.color;
           border.color: "black";
           border.width: 1;
   }
       Text {
           id: leftdt1
           x:418;
           y:leftwindowdt.y+12;
           text: "0"
            color: "white"
            font.pixelSize: 10
       }
       Text {
           id: leftdft2
           x:615;
           y:leftwindowdt.y+12;
           text: "100"
            color: "white"
            font.pixelSize: 10
       }




}
Rectangle{
    id:rightwindowd;
    y:leftwindow.y+leftwindow.height;
anchors.left: leftwindowd.right
    width: leftwindow.width;
    height: parent.width-leftwindow.height-leftwindow.y;
  //  color: "cadetblue"
    color: root.color;
    border.color: "yellow";
    border.width: 2;

    Rectangle{
           id:rightwindowdf;
           x:25;
           y:40;
           width: 150;
           height: 20;

           color: root.color;
           border.color: "black";
           border.width: 1;
           Text {
               text: "烟气湿度"
               anchors.centerIn: parent;
               color: "white"
               font.family: "Ubuntu"
               font.pixelSize: 20
           }
   }

       Rectangle{
           id:rightwindowdf1;
           x:190;
           y:rightwindowdf.y;
           width: 150;
           height: 20;

           color: root.color;
           border.color: "black";
           border.width: 1;

           Text {
               text: "23"
               anchors.centerIn: parent;
               color: "white"
               font.family: "Ubuntu"
               font.pixelSize: 20
           }
   }
       Text {
           id: rightdf
           x:351;
           y:rightwindowdf.y;
           text: "%"
            color: "white"
            font.pixelSize: 15
       }



       Rectangle{
           id:rightwindowdf2;
           x:420;
           y:rightwindowdf.y;
           width: 200;
           height: 10;
           color: root.color;
           border.color: "black";
           border.width: 1;
   }
       Text {
           id: rightdf1
           x:420;
           y:rightwindowdf.y+12;
           text: "0"
            color: "white"
            font.pixelSize: 10
       }
       Text {
           id: rightdf2
           x:615;
           y:rightwindowdf.y+12;
           text: "5000"
            color: "white"
            font.pixelSize: 10
       }
       Rectangle{
           id:rightwindowds;
           x:25;
           y:rightwindowdf.y+60;
           width: 150;
           height: 20;

           color: root.color;
           border.color: "black";
           border.width: 1;
           Text {
               text: "烟气平均流速"
               anchors.centerIn: parent;
               color: "white"
               font.family: "Ubuntu"
               font.pixelSize: 20
           }
   }

       Rectangle{
           id:rightwindowds1;
           x:190;
           y:rightwindowds.y;
           width: 150;
           height: 20;

           color: root.color;
           border.color: "black";
           border.width: 1;

           Text {
               text: "23"
               anchors.centerIn: parent;
               color: "white"
               font.family: "Ubuntu"
               font.pixelSize: 20
           }
   }
       Text {
           id: rightds
           x:351;
           y:rightwindowds.y;
           text: "m/s"
            color: "white"
            font.pixelSize: 15
       }



       Rectangle{
           id:rightwindowds2;
           x:420;
           y:rightwindowds.y;
           width: 200;
           height: 10;
           color: root.color;
           border.color: "black";
           border.width: 1;
   }
       Text {
           id: rightds1
           x:418;
           y:rightwindowds.y+12;
           text: "0"
            color: "white"
            font.pixelSize: 10
       }
       Text {
           id: rightdfs2
           x:615;
           y:rightwindowds.y+12;
           text: "5000"
            color: "white"
            font.pixelSize: 10
       }
       Rectangle{
           id:rightwindowdt;
           x:25;
           y:rightwindowdf.y+60*2;
           width: 150;
           height: 20;

           color: root.color;
           border.color: "black";
           border.width: 1;
           Text {
               text: "标杆烟气流量"
               anchors.centerIn: parent;
               color: "white"
               font.family: "Ubuntu"
               font.pixelSize: 20
           }
   }

       Rectangle{
           id:rightwindowdt1;
           x:190;
           y:rightwindowdt.y;
           width: 150;
           height: 20;

           color: root.color;
           border.color: "black";
           border.width: 1;

           Text {
               text: "23"
               anchors.centerIn: parent;
               color: "white"
               font.family: "Ubuntu"
               font.pixelSize: 20
           }
   }
       Text {
           id: rightdt
           x:351;
           y:rightwindowdt.y;
           text: "Nm3/h"
            color: "white"
            font.pixelSize: 15
       }



       Rectangle{
           id:rightwindowdt2;
           x:420;
           y:rightwindowdt.y;
           width: 200;
           height: 10;
           color: root.color;
           border.color: "black";
           border.width: 1;
   }
       Text {
           id: rightdt1
           x:418;
           y:rightwindowdt.y+12;
           text: "0"
            color: "white"
            font.pixelSize: 10
       }
       Text {
           id: rightfdt2
           x:615;
           y:rightwindowdt.y+12;
           text: "100"
            color: "white"
            font.pixelSize: 10
       }



}


}






